<template>
  <!--中间部分-->
  <div id="ccenter">
    <el-tabs type="card">
      <el-tab-pane label="缺书申请书">
        <ApplyBook />
      </el-tab-pane>
      <el-tab-pane label="退订申请书">
        <h2>退订申请书</h2>
        
        <br />
        <br />
        <hr />
        <ul>
          <li v-for="i in 5" :key="i">
            
              <div style="text-align:left;float:left;width:100px;">
                <el-button type="text" @click="dialogTableVisible[i] = true" title="查看">
                jfkafsja
                <br />dsfsdasadf</el-button>
              </div>
            <div style="float:right;margin-right:50px;">
              <label>2020-1-1</label>
              <el-row>
                <el-button type="text" @click="dialogTableVisible[i] = true" title="修改">
                  <i class="el-icon-edit"></i>
                </el-button>&nbsp;
                <el-button type="text" @click="dialogTableVisible[i] = true" title="删除">
                  <i class="el-icon-delete"></i>
                </el-button>
              </el-row>
            </div>
            <br />
            <br /><br />
            <hr />
          </li>
        </ul>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import "@/style/css/home.css";
import $ from "jquery";
import ApplyBook from "@/views/user/applyBook.vue";

export default {
  name: "Apply",
  data() {
    return {};
  },
  components: {
    ApplyBook
  },
  methods: {}
};
</script>

<style>
</style>